<!DOCTYPE html>
<html>
    <head>
        <title>IFree</title>
        <meta charset="utf-8"/>
        <?php echo put_headers_front(); ?>
        <script>
            jQuery.noConflict();
        </script>        
    </head>
    <body>
        <?php $this->load->view($view); ?>
        <button class="register_form_open">Login</button>
        <div id="register_form" class="fadeandscale" style="display: none;">
            <div class="popup-container">
                <div class="classic-popup">
                    <div class="classic-popup-top">
                        <div class="right">
                            <div class="bg"></div>                            
                        </div>                        
                    </div>
                    <div class="classic-popup-main">
                        <div class="classic-popup-title">
                            <div class="fl">Đăng ký</div>
                            <a title="Đóng" class="classic-popup-close" href="">X</a>
                            <div class="c"></div>                            
                        </div>
                        <div class="classic-popup-content">
                            <form id="bm_register_form">
                                <div align="center" style="padding:1px 0 10px" class="content register_form">
                                    <div id="cError">                                        
                                    </div>
                                    <div class="mTop10">
                                        <div align="center" class="mTop15 mBottom10">
                                            <b>Bạn vui lòng nhập thông tin đăng ký</b>
                                        </div>
                                        <table width="100%" cellspacing="5" cellpadding="0">
                                            <tbody>
                                                <tr>
                                                    <td width="161" align="left"><span class="mLeft40">Họ tên:</span></td>
                                                    <td width="280" align="left">
                                                        <input type="text" name="reg_full_name" id="reg_full_name"/>
                                                    </td>
                                                    <td width="161" align="left"></td>
                                                </tr>
                                                <tr>
                                                    <td align="left"><span class="mLeft40">Di động:</span></td>
                                                    <td align="left">
                                                        <input type="text" onkeypress="return numberOnly(this, event)" name="reg_phone" id="reg_phone"/>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td align="left"><span class="mLeft40">Email:</span></td>
                                                    <td align="left">
                                                        <input type="text" name="reg_email" id="reg_email"/>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td align="left"><span class="mLeft40">Mật khẩu:</span></td>
                                                    <td align="left">
                                                        <input type="password" name="reg_email" id="reg_pass"/>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td align="left"><span class="mLeft40">Nhập lại mật khẩu:</span></td>
                                                    <td align="left">
                                                        <input type="password" name="reg_pass1" id="reg_pass1"/>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td align="left" class="pTop10" colspan="3"><span class="mLeft40">Bằng việc bấm đăng ký bạn đã chấp nhận các <a target="_blank" href="trang-the-le.html" style="color:blue">điểu khoản</a> và <a target="_blank" href="trang-quy-dinh-refund.html" style="color:blue">quy định</a> của IFree</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left"></td>
                                                    <td align="left">
                                                        <a style="width:250px" href="javascript:void(0)"  class="v7_blueButton mTop15" class="fl" id="reg_btn"><span><span>Đăng kí</span></span></a>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div style="border-top:1px solid #B9B9B9;height:1px;width:87%" class="mTop10">&nbsp;</div>
                                    <div align="center" style="color:#000;margin-left:-8px" class="mTop10">Đã có tài khoản? <a href="javascript:void(0)"> Đăng nhập </a>
                                    </div>
                                    <div align="center" style="color:#000;margin-left:-8px" class="mTop10 mBottom5">Quên mật khẩu? <a href="javascript:void(0)" onclick="shop.customer.password.resendPassword()">Lấy lại mật khẩu</a>
                                    </div>
                                </div>
                            </form>
                        </div>                        
                    </div>
                    <div class="classic-popup-bottom">
                        <div class="right">
                            <div class="bg"></div>                            
                        </div>                    
                    </div>                    
                </div>                
            </div>
        </div>
        <div id="otp_form" class="fadeandscale" style="display: none;">
            <div class="popup-container">
                <div class="classic-popup">
                    <div class="classic-popup-top">
                        <div class="right">
                            <div class="bg"></div>                            
                        </div>                        
                    </div>
                    <div class="classic-popup-main">
                        <div class="classic-popup-title">
                            <div class="fl">Kích hoạt tài khoản</div>
                        </div>
                        <div class="classic-popup-content">
                            <form id="bm_register_form">
                                <div align="center" style="padding:1px 0 10px" class="content register_form">
                                    <div id="cError">                                        
                                    </div>
                                    <div class="mTop10">
                                        <div style="font-size:14px">
                                            <b>Quý khách kiểm tra tin nhắn SMS để lấy mã kích hoạt</b>
                                        </div>
                                        <div align="center" class="reg_collapse mTop15 f13">
                                            <table cellspacing="5" cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <td width="30%" align="right">Mã kích hoạt</td>
                                                        <td align="left">
                                                            <input type="text" name="reg_enabled" id="reg_enabled"/>                                                            
                                                        </td>
                                                        <td width="30%" align="left"></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left"></td>
                                                        <td align="left">
                                                            <a href="javascript:void(0)" id="reg_otp_confirm"  style="width:184px;color:#FFF;font-size:16px" class="v7_blueButton mTop10 mBottom10">
                                                                <span>
                                                                    <span>Kích hoạt</span>
                                                                </span>
                                                            </a>
                                                        </td>
                                                        <td align="left"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>                                   
                                </div>
                            </form>
                        </div>                        
                    </div>
                    <div class="classic-popup-bottom">
                        <div class="right">
                            <div class="bg"></div>                            
                        </div>                    
                    </div>                    
                </div>                
            </div>
        </div>
        <input type="hidden" id="ifree_token" name="<?php echo $this->security->get_csrf_token_name(); ?>" value="<?php echo $this->security->get_csrf_hash(); ?>"/>
        <input type="hidden" id="base_url" value="<?php echo base_url(); ?>" name="base_url"/>
        <?php echo put_footers_front(); ?>        
    </body>
</html>